import React, {useEffect} from "react";

const Header = () => {
    // 帮我写一个顶部的header栏
    console.log("Header");
    useEffect(() => {
        document.title = "Header";
    }, []);
    const headerFilter = [5, 6, 7, 8, 9, 10]

    return (
        <div className="header">
            <div className="header-left">
                <div className="logo">
                    <img src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" alt="logo"/>
                </div>
                <div className="title">
                    <a href="/">React</a>
                </div>
            </div>
            <div className="header-right">
                {/* 遍历 headerFilter 数组，渲染一组 div */}
                {headerFilter.map((item, index) => (
                    <div key={index}>{item}</div>
                ))}
            </div>
        </div>
    );

};

export default Header;
